<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0 max-width=1.0 mix-width=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="./css/normalize.css">
	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./iconfonts/iconfonts.css">
	<title>iphone12</title>
</head>
<body>
	<!-- 状态栏 -->
	<div class="status-bar">
		<span class="iconfont icon-xinhao">  中国移动  <span class="iconfont icon-wifi"></span></span>
		<span class="iconfont icon-lock"></span>
		<div class="elect">
			22%   <span class="iconfont icon-dianliang"></span>
		</div>
	</div>
	<!-- 内容区域 -->
	<ul class="content">
		<li>
			<a href="">
				<img src="./images/beiwanglu.png" alt="">备忘录
			</a>
		</li>
		<li>
			<a href=""><img src="./images/dianhua.png" alt="">电话</a>
		</li>
		<li>
			<a href=""><img src="./images/feiji.png" alt="">模式</a>
		</li>
		<li>
			<a href=""><img src="./images/shoucang.png" alt="">收藏</a>
		</li>
	</ul>
	<!-- 第二行 -->
	<ul class="content">
		<li>
			<a href="">
				<img src="./images/zhaopian.png" alt="">照片
			</a>
		</li>
		<li>
			<a href=""><img src="./images/boke.png" alt="">博客</a>
		</li>
		<li>
			<a href=""><img src="./images/tushu.png" alt="">图书</a>
		</li>
		<li>
			<a href=""><img src="./images/word.png" alt="">Word</a>
		</li>
	</ul>
	<!-- 第三行 -->
	<ul class="content">
		<li>
			<a href="">
				<img src="./images/jiating.png" alt="">家庭
			</a>
		</li>
		<li>
			<a href=""><img src="./images/ditu.png" alt="">地图</a>
		</li>
		<li>
			<a href=""><img src="./images/shipin.png" alt="">视频</a>
		</li>
		<li>
			<a href=""><img src="./images/tianqi.png" alt="">天气</a>
		</li>
	</ul>
	<!-- 第四行 -->
	<ul class="content">
		<li>
			<a href="">
				<img src="./images/shizhong.png" alt="">时钟
			</a>
		</li>
		<li>
			<a href=""><img src="./images/xinxi.png" alt="">信息</a>
		</li>
		<li>
			<a href=""><img src="./images/apps.png" alt="">Apps</a>
		</li>
		<li>
			<a href=""><img src="./images/word.png" alt="">Word</a>
		</li>
	</ul>
	<!-- 底部区域 -->
	<ul class="footer-bar">
		<li>
			<a href="">
				<img src="images/QQ.jpg" >
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/shezhi.png" >
			</a>
		</li>
		<li>
			<a href="html/weixin/weixin.html">
				<img src="images/weixin.jpg" >
			</a>
		</li>
		<li>
			<a href="">
				<img src="images/yinyue.png" >
			</a>
		</li>
	</ul>
	
</body>
</html>